import QtQuick 2.15 // 导入QtQuick模块的特定版本
import QtQuick.Window // 导入Qt控件
import QtQuick.Controls

import "component" as MyComponent // 导入本地QML文件作为模块
import "utils.js" as Utils


Window
{ // 父窗口对象
    id: window
    width: 640
    height: 400
    visible: true
    color: "gray"

    Rectangle
    { // 子对象1
        id: header
        width: parent.width // 采用父对象的宽度
        height: 200
        color: "blue"

        Text
        { // 孙子对象
            text: "应用程序标题"
            anchors.centerIn: parent // 处于父对象的中心
        }
    }

    Rectangle
    { // 子对象2
        id: content
        width: parent.width // 采用父对象的宽度
        height: parent.height - header.height // 可以通过id读取到对象
        color: "white"
    }

    Item
    {
        id: item1
        property int fixedValue: 100 // 直接赋值
        property int dynamicValue: fixedValue * 2 // 属性绑定（自动更新）
        property color statusColor : dynamicValue > 150 ? "red" : "green" // 条件表达式

    }

    Item
    {
        id: item2

        property string name : "Hello World" // 字符串类型
        property url website : "https://example.com"

        property int count: 42 // 数值类型
        property real percentage: 0.75
        property double precisionValue: 3.1415
        property var anyNumber: 100 //可变类型





    }

}